<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="UTF-8">
        <title>Edicion</title>
        <meta name="viewport" content="width=device-width, initial-scale=1.0">

        {% load staticfiles %}
        <link rel="stylesheet" href="{% static "css/spacelab.css" %}">
        {% load staticfiles %}
        <link rel="stylesheet" href="{% static "css/responsive.css" %}">
        {% load staticfiles %}
        <link rel="stylesheet" href="{% static "css/misestilos.css" %}">
        {% load staticfiles %}
        <link rel="stylesheet" href="{% static "css/menu_jquery.css" %}">
    </head>
    <body>
        {% include "topmenu.html" %} <!-- Top menu -->

        <div class="container">
            <div class="row-fluid">

                {% include "sidebar.html" %} <!-- Side bar -->

                <!-- Formulario de indicadores -->
                <div class="span9">
                    <!-- Cargar el formulario de indicadores -->
                    <div class="page-header">
                        <h1>Editar Indicador</h1>
                    </div>

                    {% csrf_token %}

                    <form action="/plataforma/indicadores/administrar/" method="post" name="registro" class="form-horizontal well">
                        <div class="control-group">
                            <label for="nombre" class="control-label"><b>Nombre: </b></label>
                            <div class="controls">
                                <input type="text" name="nombre" id = "nombre" value="{{indicador}}"  class="textarea_editar_indicador"required>
                            </div>
                        </div>
                        <!-- Nombre -->

                        <div class="control-group">
                            <label for="dimension" class="control-label"><b>Dimensión: </b></label>
                            <div class="controls">
                                <select name="dimension" id = "dimension" class="selectarea_editar_indicador">
                                    {% if dimension == '1' %}
                                    <option selected value="1">Formacion Continua</option>
                                    <option value="2">Transferencia Tecnológica</option>
                                    <option value="3">Compromiso Social</option>
                                    {% endif %}
                                    {% if dimension == '2' %}
                                    <option value="1">Formacion Continua</option>
                                    <option selected value="2">Transferencia Tecnológica</option>
                                    <option value="3">Compromiso Social</option>
                                    {% endif %}
                                    {% if dimension == '3' %}
                                    <option value="1">Formacion Continua</option>
                                    <option value="2">Transferencia Tecnológica</option>
                                    <option selected value="3">Compromiso Social</option>
                                    {% endif %}
                                </select>
                            </div>
                        </div>
                        <!-- Universidad -->

                        <div class="control-group">
                            <div class="controls">
                                <input type="hidden" name="tabla" id = "tabla" value="{{tabla}}" required>
                            </div>
                        </div>
                        <!-- Tabla -->

                        <div class="control-group">
                            <div class="controls">
                                <input type="hidden" name="id" id = "id" value="{{id}}" required>
                            </div>
                        </div>
                        <!-- ID -->

                        {% csrf_token %}

                        <div class="form-actions" align="center">
                            <button type="submit" class="btn btn-primary">
                                Guardar
                            </button>
                        </div>
                        <!-- Botones de opciones -->

                    </form>
                    <!-- form -->

                </div><!-- Fin span9-->
            </div>
            <!-- Fin row -->

            {% include "footer.html" %} <!-- Footer -->
        </div>
        <!-- /container -->

        <!-- JS files -->
        {% load staticfiles %} <script type="text/javascript" src="{% static "js/jquery.js" %}"></script>
        {% load staticfiles %} <script type="text/javascript" src="{% static "js/bootstrap.js" %}"></script>
        {% load staticfiles %} <script type="text/javascript" src="{% static "js/parsley.js" %}"></script>
        {% load staticfiles %} <script type="text/javascript" src="{% static "js/menu_jquery.js" %}"></script>
    </body>
</html>